* {
  padding: 0;
  margin: 0;
  scrollbar-width: thin;
  /*火狐滚动条无法自定义宽度，只能通过此属性使滚动条宽度变细*/
}

html,
body {
  margin: 0;
  padding: 0;
  height: 100%;
  font-family: "微软雅黑";
  /*,"weico","微软雅黑", Arial, "Microsoft Yahei", SimSun; */
  font-size: 14px;
  width: 100%;
  background-color: rgb(240, 240, 240);
  color: #2a2a2a;
}

/* 以下是webkit（谷歌）内核浏览器自定义滚动条样式方式 */
::-webkit-scrollbar {
  width: 8px;
  /* 纵向线滚动条 宽度*/
  height: 8px;
  /* 横线广东条 高度*/
  background-color: #f1f1f1;
  /* 整体背景 */
}

::-webkit-scrollbar-track {
  /*background-color:#bee1eb;*/
}

/*滚动块*/
::-webkit-scrollbar-thumb {
  background-color: #cccccc;
  border-radius: 4px;
  min-height: 50px;
}

/* 2,滚动条两端的按钮 */
::-webkit-scrollbar-button {
  display: none;
  /*因按钮图片还未到位，暂时隐藏*/
  width: 8px;
  /* 横向滚动条 宽度 */
  height: 8px;
  /* 纵向滚动条 高度 */
}

/*按钮-竖直滚动条向上*/
::-webkit-scrollbar-button:decrement {
  /*background: url("../images/svg/wizard/DaiShiGong.svg") no-repeat;*/
}

/*按钮-竖直滚动条向下*/
::-webkit-scrollbar-button:increment {
  /*background: url("../images/svg/WeiFabu.svg") no-repeat;*/
}

/*按钮-垂直滚动条向左*/
::-webkit-scrollbar-button:horizontal:decrement {
  /*background: url("../images/svg/wizard/BuZhu.svg") no-repeat;*/
}

/*按钮-垂直滚动条向右*/
::-webkit-scrollbar-button:horizontal:increment {
  /*background: url("../images/svg/wizard/Offline.svg") no-repeat;*/
}

/*边角*/
::-webkit-scrollbar-corner {
  border: 1px solid #dce4f3;
}

body {
  min-width: 1345px;
  overflow: auto;
}

a {
  color: #4C7CEA
}

a:hover {
  color: #4C7CEA;
}

ul,
ol {
  list-style: none;
}

ul,
ol,
li,
img {
  border: 0 none;
  margin: 0;
  padding: 0;
}

input {
  padding-left: 10px;
  height: 30px;
}

/*去掉数字类型输入框的默认样式*/
input[type=number] {
  -moz-appearance: textfield;
}

input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

.defaultRed {
  color: #d93934;
}

.img-middle {
  margin: 0 auto;
}

.floatL {
  float: left;
}

.floatR {
  float: right;
}

.clear {
  clear: both;
}

.pointer {
  cursor: pointer;
}

.text-align-center {
  text-align: center;
}

.text-align-right {
  text-align: right;
}

.text-align-left {
  text-align: left;
}

.height-inherit {
  height: inherit;
}

.width-inherit {
  width: inherit;
}

.max-width-none {
  max-width: none !important;
}

.inline-block {
  display: inline-block
}

/*padding*/
.padding-LR-0 {
  padding-left: 0px;
  padding-right: 0px;
}

.padding-LR-10 {
  padding-left: 10px;
  padding-right: 10px;
}

.padding-left-0 {
  padding-left: 0;
}

.padding-left-5 {
  padding-left: 5px;
}

.padding-left-7 {
  padding-left: 7px;
}

.padding-left-8 {
  padding-left: 8px;
}

.padding-left-10 {
  padding-left: 10px;
}

.padding-left-15 {
  padding-left: 15px;
}

.padding-left-20 {
  padding-left: 20px;
}

.padding-left-30 {
  padding-left: 30px;
}

.padding-right-0 {
  padding-right: 0;
}

.padding-right-5 {
  padding-right: 5px;
}

.padding-right-7 {
  padding-right: 7px;
}

.padding-right-8 {
  padding-right: 8px;
}

.padding-right-10 {
  padding-right: 10px;
}

.padding-right-15 {
  padding-right: 15px;
}

.padding-right-20 {
  padding-right: 20px;
}

.padding-right-30 {
  padding-right: 30px;
}

.padding-right-40 {
  padding-right: 40px;
}

.padding-top-0 {
  padding-top: 0 !important;
}

.padding-top-5 {
  padding-top: 5px;
}

.padding-top-30 {
  padding-top: 30px !important;
}

.padding-TB-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.padding-TB-5 {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

.padding-TB-10 {
  padding-top: 10px !important;
  padding-bottom: 10px !important;
}

.padding-bottom-5 {
  padding-bottom: 5px;
}

.padding-bottom-10 {
  padding-bottom: 10px !important;
}

.padding-bottom-15 {
  padding-bottom: 15px;
}

.padding-LR-60 {
  padding-left: 60px !important;
  padding-right: 60px !important;
}

.padding-TB-30 {
  padding-top: 30px !important;
  padding-bottom: 30px !important;
}


/*width*/
.w-200 {
  width: 200px;
}

.w-p100 {
  width: 100% !important
}

/*margin*/
.margin-top-10 {
  margin-top: 10px;
}

.margin-top-20 {
  margin-top: 20px;
}

.margin-left-7 {
  margin-left: 7px;
}

.margin-left-8 {
  margin-left: 8px;
}

.margin-left-10 {
  margin-left: 10px;
}

.margin-left-15 {
  margin-left: 15px;
}

.margin-left-20 {
  margin-left: 20px;
}

.margin-right-7 {
  margin-right: 7px;
}

.margin-right-8 {
  margin-right: 8px;
}

.margin-right-10 {
  margin-right: 10px;
}

.margin-right-12 {
  margin-right: 12px;
}

.margin-right-15 {
  margin-right: 15px;
}

.margin-right-20 {
  margin-right: 20px;
}

.margin-bottom-15 {
  margin-bottom: 15px;
}

.margin-bottom-20 {
  margin-bottom: 20px;
}

.margin-bottom-24 {
  margin-bottom: 24px;
}

.margin-LR-10 {
  margin-left: 10px;
  margin-right: 10px;
}

.margin-TB-12 {
  margin-bottom: 12px;
  margin-top: 12px;
}

.margin-TB-15 {
  margin-bottom: 15px;
  margin-top: 15px;
}

.inline-form-btn-margin {
  margin-left: 8px;
}

/*border*/
.border-default {
  border: 1px solid #cccccc;
}

.border-bottom {
  border-bottom: 1px solid #cccccc;
}

.border-color-default-red {
  border-color: #D93934;
}

/*font-color*/
.font-color-default-red {
  color: #D93934;
}

.font-arial {
  font-family: arial !important;
}

/*width*/
.selectMinWidth,
.inputMinWidth {
  min-width: 230px;
}

.width-half {
  width: 50%;
}

span.width-half {
  display: inline-block;
}

.head {
  height: 54px;
  background-color: #292929;
  line-height: 54px;
}

.head .item-margin-right {
  margin-right: 25px;
}

.head .main-nav-btn {
  color: #fff;
  font-size: 24px;
  float: left;
  font-family: 'Glyphicons Halflings';
  padding: 0 15px;
  cursor: pointer;
  background-color: #d93934;
}

.head .main-nav-btn:hover {
  background-color: #CD2B26
}

.head .main-nav-btn:active {
  background-color: #d93934
}

.head .brank {
  display: inline-block;
  position: relative;
  top: -5px;
}

.head .brank a {
  color: #fff;
  text-decoration: none;
  font-size: 26px;
  margin-left: 20px;
}

.head .head-nav {
  display: inline-block;
  float: right;
}

.head .head-nav li {
  float: left;
  margin-right: 30px;
}

.head .head-nav li a {
  font-size: 14px;
  color: #fff;
  display: inline-block;
  padding: 8px 13px;
  line-height: 14px;

  border-radius: 1px;
}

.head .head-nav li.active a {
  background-color: #D83935;
  color: #fff;
  text-decoration: none;
  width: 82px;
  text-align: center;
}

.head .top-serch {
  display: inline-block;
  width: 150px;
  position: relative;
  top: 13px;
}

.head .top-search-result {
  position: absolute;
  background-color: #fff;
  width: 100%;
  line-height: 30px;
  box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  max-height: 250px;
  overflow-y: auto;
  border-top: 1px #eee solid;
}

.head .top-serch input {
  height: 28px;
  border-radius: 0;
  border: none;
  background-color: #3D3D3D;
}

.head .top-serch input.top-search-input-focus {
  background-color: #fff;
}

.head .top-search-result li {
  padding: 0 10px;
  font-size: 12px;
  /* border-top:1px #eee solid; */

}

.head .top-search-result .tip {
  color: #999;
  border-top: none;
}

.main-frame {
  display: flex;
  background-color: #fff;

}

.main-frame .main-menu {
  flex-basis: 220px;
  background-color: #fff;
  min-height: calc(100vh - 54px);
  position: relative;
  border-right: 1px rgba(235, 238, 245, 1) solid;
}

.main-frame .main-menu.main-menu-unexpand {
  flex-basis: 50px;
}

.main-frame .main-menu .main-menu-btn {
  width: 14px;
  height: 50px;
  position: absolute;
  top: calc(50vh - 57px);
  right: 22px;
  z-index: 100;
  opacity: .8;

}

.main-frame .main-menu .main-menu-btn.main-menu-btn-unexpand {
  right: 11px;
  opacity: 1;
}

.main-frame .main-menu .main-menu-btn:hover {
  cursor: pointer;
}

.main-frame .main-content {
  flex: 1;
  background-color: #f5f5f5;
}

.main-frame .aside {}

.main-frame .aside li a {
  display: block;
  height: 45px;
  line-height: 45px;
  cursor: pointer;
  padding-left: 15px;
  border-left: 3px #fff solid;
  text-decoration: none;
  transition: background-color 0.1s ease-in;
  color: rgba(0, 0, 0, 1);
  overflow: hidden;
}

.main-frame .aside li span {
  opacity: 1
}

.main-frame .aside li span.font_family {
  color: #000;
}

.main-frame .aside li.active a,
.main-frame .aside li.active a:hover {
  border-left-color: rgba(217, 57, 52, 1);
  background-color: rgba(255, 243, 240, 1);
  color: rgba(217, 57, 52, 1);
}

.main-frame .aside li.active a span,
.main-frame .aside li.active a:hover span {
  opacity: 1
}

.main-frame .main-container {
  padding: 20px;
  background-color: #f5f5f5;

}

.main-frame .aside li a:hover {
  text-decoration: none;
  background-color: rgba(255, 243, 240, 1);
}

.loading-layer {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.1);
  z-index: 10000;
  cursor: not-allowed;
}

.loading-icon {
  width: 50px;
  padding: 10px;
  font-size: 16px;
  position: absolute;
  top: 300px;
  left: 50%;
  margin-left: -25px;
  z-index: 10001;
}

.wrapper {
  padding: 15px;
}

.text-right {
  text-align: right;
}

.dashline {
  width: 100%;
  height: 0px;
  border-top: 1px #e0e0e0 dashed;
}

.widget {
  background-color: #fff;
  /* border: 1px solid #dfe4e7; */
  margin: 3px 0 0px 0;
  margin-bottom: 6px;
}

.widget-header {
  font-size: 18px;
  padding: 7px 15px;
  padding-bottom: 7px;
  border-bottom: 1px #eee solid
}

.detailinfo {
  padding: 2px 5px;
  line-height: 22px;
}

.infotitle {
  color: #999;
  width: 180px;
  text-align: right;
  /*padding-right: 10px;*/
}

.infoContent {
  /* width: calc(100% - 180px); */
  text-align: left;
  padding-left: 0;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  white-space: nowrap;
}

.widget-body {
  padding: 7px 15px;
}

.widget-footer {
  padding: 7px 15px 15px 15px;
}

.maincontent {
  display: inline-block;
}

.card-list {
  margin-bottom: 5px;
  padding: 0 10px;
}

.card-list.demo-datacenter .mask {
  display: none;
}

.card-list.demo-datacenter:hover .mask {
  display: block;
}

.card-list .infotitle {
  text-align: left !important;
}

.card-list .bg-white-container {
  padding: 21px 30px;
}

.card-list .detailinfo {
  line-height: 30px
}

.detail-title {
  font-size: 18px;
}

.panelheader {
  padding-bottom: 15px;
}

.bg-white {
  background-color: #fff;
}

.bg-white-container {
  padding: 15px;
  background-color: #fff;
  margin-bottom: 15px
}


.form-with-table {
  display: flex;
  background-color: #fff;
  flex-direction: row;
}

.form-with-table .form-with-table-left {
  flex: 1;
}

.form-with-table .form-with-table-right {
  flex: 0 0 0;
  flex-basis: 300px;
}

.form-with-table .form-with-table-right .hide-right-btn,
.form-with-table .form-with-table-right-hidebar .hide-right-btn {
  padding: 5px 2px;
  border-radius: 0;
  position: absolute;
  left: 0;
  top: 200px;
  border-left: 0;
}

.form-with-table .form-with-table-right-hidebar {
  flex: 0 0 0;
  flex-basis: 20px;
  max-width: 20px;
}

.form-with-table .collection {
  font-size: 18px;
  height: 52px;
  border-bottom: 1px #D5D5D5 solid;
  margin-bottom: 20px;
  line-height: 52px;
}

/**  nav-tabs */
.nav-tabs {
  border-bottom: none;
  background-color: #ffffff;
}

.dcDetail .nav-tabs>li {
  background-color: #fff;
  margin-bottom: 0;
}

.dcDetail .nav-tabs>li>a {
  border-top: none;
  border: none;
}

.dcDetail .nav-tabs>li:after {
  content: " ";
  display: block;
  background-color: #999;
  border-bottom: 3px #fff solid;
  width: 30px;
  margin: 0 auto;
}

.dcDetail .nav-tabs>li.active:after {
  border-bottom-color: #d93934
}

.dcDetail .nav-tabs>li a img {
  float: left;
}

.dcDetail .nav-tabs>li a .font_family {
  float: left;
  position: relative;
  top: -3px;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:hover,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:active {
  border-top: none;
  border: none;

  background-color: #fff;

  box-shadow: none;
  color: #2a2a2a;
}

.tab-content {
  /*background-color: #f3f3f3;*/
  /* padding: 20px; */
  position: relative;
}

.nav-line-top .nav-tabs {
  border-bottom: 1px solid rgba(217, 217, 217, 1);
}

.nav-line-top .nav-tabs>li.active>a,
.nav-line-top .nav-tabs>li.active>a:hover,
.nav-line-top .nav-tabs>li.active>a:focus {
  border-right: 1px #ccc solid;
  border-bottom: none;
  border-top: 2px solid #d93934;
  background-color: #fff;
  margin: 0px;
  padding: 8px 15px;
  box-shadow: none;
  color: #2a2a2a;
}

.nav-line-top .nav-tabs>li>a {
  margin-right: 0;
  border-radius: 0;
  border-right: 1px solid rgba(217, 217, 217, 1);
  border-top: 1px solid rgba(217, 217, 217, 1);
}

.nav-line-top .nav-tabs>li:nth-child(1)>a {
  border-left: 1px solid rgba(217, 217, 217, 1);
}

.nav-line-top .nav-tabs>li:nth-child(1).active>a {
  border-left: none !important;
}

/*导航栏（带底部标注线）*/
.nav-tabs.bottomLine>li .nav-tabs.bottomLine>li {
  background-color: #fff;
  margin-bottom: 0;
}

.nav-tabs.bottomLine>li>a {
  border-top: none;
  border: none;
  padding: 8px 20px 8px 0;
}

.nav-tabs.bottomLine>li:after {
  content: " ";
  display: block;
  background-color: #999;
  border-bottom: 3px #fff solid;
  margin: 0 auto;
}

.nav-tabs.bottomLine>li.active a {
  color: #d93934;
}

.nav-tabs.bottomLine>li.active:after {
  border-bottom-color: #d93934;
  margin-right: 20px;
}

.nav-tabs.bottomLine>li a img {
  float: left;
}

.nav-tabs.bottomLine>li a .font_family {
  float: left;
  position: relative;
  top: -3px;
}

.nav-line-bottom {}

.nav-line-bottom.padding-24>.nav-tabs {
  padding: 0 24px
}

.nav-line-bottom>.nav-tabs>li {
  background-color: #fff;
  margin-bottom: 0;
}

.nav-line-bottom>.nav-tabs>li>a {
  border-top: none;
  border: none;
  padding: 8px 20px 8px 0;
}

.nav-line-bottom>.nav-tabs>li:after {
  content: " ";
  display: block;
  background-color: #999;
  border-bottom: 3px #fff solid;
  margin: 0 auto;
}

.nav-line-bottom>.nav-tabs>li.active>a {
  color: #d93934;
}

/* .nav-line-bottom > .nav-tabs>li.active:after {
  border-bottom-color: #d93934;
  margin-right: 20px;
} */

.nav-line-bottom>.nav-tabs>li>a img {
  float: left;
}

.nav-line-bottom>.nav-tabs>li>a .font_family {
  float: left;
  position: relative;
  top: -3px;
}


.text-ellipsis {
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.text-break {
  word-break: break-all;
}

.table>tr,
.table>thead>tr>th .text-ellipsis,
.table>tbody>tr>td .text-ellipsis {
  line-height: 18px;
  position: relative;
  top: 4px;
}

.table.table-in-table {
  background-color: #f1f1f1 !important;
  margin-bottom: 0;
}

.table.table-in-table.table-bordered {
  border: 1px solid #ccc !important;
}

.table.table-in-table thead {
  border-bottom: 1px solid #f1f1f1 !important;
}

.table.table-in-table.table-bordered>tbody>tr>td,
.table.table-in-table.table-bordered>tbody>tr>th,
.table.table-in-table.table-bordered>tfoot>tr>td,
.table.table-in-table.table-bordered>tfoot>tr>th,
.table.table-in-table.table-bordered>thead>tr>td,
.table.table-in-table.table-bordered>thead>tr>th {
  border: 1px solid #ccc !important;
}

.baseinfo .widget-header,
.hostinfo .widget-header,
.resourceinfo .widget-header {
  text-align: center;
}

.hostinfo .wrapper {
  padding: 10px 15px;
}

.hostinfo .row .col-sm-6 {
  padding-left: 0px
}

.hostinfolist {
  padding: 25px;
  background-color: #f8f8f8;
  width: 230px;
  height: 150px;
  text-align: center;
}

.hostinfolist .list-title {
  font-size: 16px;
  color: #45474e;
}

.hostinfolist .list-unit {
  font-size: 12px;
  color: #999;
}

.page-body {
  background: #eee;
  padding: 18px 20px 24px;

}

.required {
  color: red;
}

.box-select {}

.box-select .box-select-item {
  display: inline-block;
  margin-right: 7px;
  border: 1px #ccc solid;
  padding: 20px;
  font-weight: normal;
  border-radius: 3px;
}

.box-select.box-select-style-1 .box-select-item {
  padding: 4px 10px;
  margin-bottom: 0;
}

.box-select .box-select-item:hover {
  cursor: pointer;
}

.box-select .box-select-item.active {
  color: #000000;
  border-color: #D83935;
  background: url(../images/icon/icon_superscript.png) no-repeat bottom right;
}

.box-select .box-select-item.disabled {
  pointer-events: none;
  background: #ccc;
  color: white;
}

.box-select .box-select-item.text-ellipsis {
  position: relative;
  top: 15px;
}


.vmCtrl {
  padding-bottom: 5px;
}

.phyCtrl {
  padding-top: 5px;
}

.introduction {
  padding: 0 20px 11px 20px;
  background-color: #fff;
}

.intro-title {
  width: 100px;
  height: 20px;
  font-size: 20px;
  font-weight: 400;
  color: rgba(42, 42, 42, 1);
  line-height: 28px;
}

.intro-detail {
  font-size: 12px;
  color: #999;
}

.breadcrumb {
  padding-top: 10px;
  padding-bottom: 10px;
}

.breadcrumb .fa {
  padding: 0px 5px;
}

.breadcrumb a {
  font-size: 12px;
  color: rgba(76, 124, 234, 1)
}

.breadcrumb>li+li:before {
  padding: 0;
  content: '';
}

.breadcrumb>li.path+li:before {
  content: '/\00a0';
}

.breadcrumb>li.goBackBtn {
  padding-right: 8px;
  border-right: 1px solid #ccc;
  margin-right: 5px;
  cursor: pointer;
}

.breadcrumb>li.goBackBtn:before {
  content: '';
  width: 7px;
  height: 7px;
  border-left: 1px solid rgba(76, 124, 234, 1);
  border-top: 1px solid rgba(76, 124, 234, 1);
  display: inline-block;
  margin-right: 3px;
  position: relative;
  top: -1px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.breadcrumb>li.active {
  color: #2a2a2a;
}

.dcDetail .nav {
  background-color: #fff;
}

.table.combo-table {}

.table.combo-table th {
  vertical-align: middle !important;
}

.table.combo-table th.colspan-th {
  border-left: 1px #DADADA solid;
  border-right: 1px #DADADA solid;
  border-bottom: 1px #DADADA solid;
  text-align: center;
}

.table.combo-table th.colspan-th-l {
  border-left: 1px #DADADA solid;
  text-align: center;
}

.table.combo-table th.colspan-th-c {
  border-left: 1px #DADADA solid;
  border-right: 1px #DADADA solid;
  text-align: center;
}

.table.combo-table th.colspan-th-r {
  border-right: 1px #DADADA solid;
  text-align: center;
}

.table.combo-table th.colspan-th-l span,
.table.combo-table th.colspan-th-c span,
.table.combo-table th.colspan-th-r span {
  font-weight: normal;
  font-size: 12px;
}

.table-in-wizard {
  background: none !important;
}

.table-in-wizard.table>tbody>tr>td,
.table-in-wizard.table>tbody>tr>th {
  border-top: none !important;
}

.table-in-wizard td {
  padding: 10px 0px !important;
}

.table-in-wizard .cell-name {
  color: #656565;
}

.table-in-wizard .cell-value {
  border-bottom: 1px #ccc dashed;
}

.dcresourceinfo {
  background: url(../images/flowchart.png) 30px 0;
  background-size: auto;
  background-repeat: no-repeat;
  width: 100%;
  min-height: 360px;
  position: relative;
  top: 10px;
  font-size: 14px;
}

.chart-deatil {
  text-align: center;
}

.chart-deatil-title {
  /*color: #999999;*/
  text-align: center;
  padding-left: 10px;
  padding-right: 5px;
}

.radio,
.checkbox {
  display: block;
  margin-bottom: 0px;
  margin-top: 0px;
  min-height: 20px;
  position: relative;
  padding-left: 0;
}

.radio.disabled,
.checkbox.disabled {
  opacity: .5;
}

.td .checkbox,
th .checkbox {
  margin-top: 0px;
  margin-bottom: 0px;
}

input[type=checkbox],
input[type=radio] {
  opacity: 0;
  position: absolute;
  left: -9999px;
  z-index: 12;
  width: 18px;
  height: 18px;
  cursor: pointer;
  border: none;
  background: none !important;
}

.checkbox label,
.radio label {
  padding-left: 0px;
  margin-left: 0px;
}

input[type=checkbox]+.text,
input[type=radio]+.text {
  position: relative;
  z-index: 11;
  display: inline-block;
  margin: 0;
  line-height: 20px;
  min-height: 18px;
  min-width: 18px;
  font-weight: normal;
}

input[type=checkbox]+.text:hover:before,
input[type=radio]+.text:hover:before {
  border-color: #737373;
}

input[type=checkbox]:checked,
input[type=radio]:checked,
input[type=checkbox]:focus,
input[type=radio]:focus {
  outline: none !important;
}

input[type=checkbox]+.text:before {
  color: #c62d28;
}

input[type=checkbox]+.text:before,
input[type=radio]+.text:before {
  font-family: fontAwesome;
  font-weight: lighter;
  font-size: 14px;
  color: #333;
  content: " ";
  background-color: #fafafa;
  border: 1px solid #c8c8c8;
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
  border-radius: 2px;
  display: inline-block;
  text-align: center;
  vertical-align: middle;
  height: 16px;
  line-height: 16px;
  min-width: 16px;
  margin-right: 4px;
  margin-bottom: 2px;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}

input[type=radio]+.text:before {
  border-radius: 50%;
}

input[type=checkbox][disabled]+.text:before {
  background-color: #ddd;
  cursor: no-drop;
}

.radio input[type=checkbox]+.text:before,
.radio input[type=radio]+.text:before {
  border-radius: 50%;
  content: '';
}

input[type=radio]:checked+.text:before {
  color: #fff;
  background-color: #c62d28;
  border-color: #c62d28 !important;
}

input[type=radio]:checked+.text:before {
  content: "";
}

input[type=checkbox]:checked+.text:before,
input[type=radio]:checked+.text:before {
  display: inline-block;
  content: '';
  /*content: ' ';*/
  color: #fff;
  background-color: #c62d28;
  -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05), inset 15px 10px -12px rgba(255, 255, 255, .1);
  -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05), inset 15px 10px -12px rgba(255, 255, 255, .1);
  box-shadow: 0 1px 2px rgba(0, 0, 0, .05), inset 0 -15px 10px -12px rgba(0, 0, 0, .05), inset 15px 10px -12px rgba(255, 255, 255, .1);
  border-color: #c62d28;
  font-size: 12px;
}

input[type=radio]:checked+.text:before {
  border-radius: 50%;
}

.radio input[type=checkbox]:checked+.text:before,
input[type=radio]:checked+.text:before {
  content: '';
}

.radio input[type=checkbox]:checked+.text:after,
input[type=radio]:checked+.text:after {
  display: inline-block;
  content: '';
  color: white;
  width: 6px;
  height: 6px;
  background: white;
  border-radius: 50%;
  position: absolute;
  top: 7px;
  left: 5px;
}

table {}

table.fixed {
  table-layout: fixed;
}

table>thead>tr {
  background-color: #f1f1f1;
}

table>tbody>tr>td {
  font-size: 12px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

table th {
  font-size: 12px;
}

table tbody tr td a {
  color: #4c7cea;
  padding-left: 10px;
  /*padding-right: 5px;*/
  border-left: 1px solid #cccccc;
  cursor: pointer;
  margin-right: 5px;
}

table tbody tr td a.delete {
  color: #d93934;
}

table tbody tr td a:nth-child(1) {
  border-left: none;
  padding-left: 0;
}

table>tbody>tr>td input {
  margin-top: 5px;
}

table tbody tr td a.disabled {
  color: #999;
  text-decoration: none;
}

.padding-bottom-15 {
  padding-bottom: 15px;
}

.padding-bottom-20 {
  padding-bottom: 20px;
}

.padding-bottom-30 {
  padding-bottom: 30px;
}

.paginationinfo {
  display: inline-block;
  padding-left: 10px;
  margin: 20px 0;
}

.padding-top-20 {
  padding-top: 20px;
}

.padding-10 {
  padding: 10px;
}

.padding-15 {
  padding: 15px
}

.padding-20 {
  padding: 20px;
}

/*font-size*/
.font12px {
  font-size: 12px;
}

.font14px {
  font-size: 14px;
}

.font16px {
  font-size: 16px;
}

.font18px {
  font-size: 18px;
}

.font20px {
  font-size: 20px;
}

.font22px {
  font-size: 22px;
}

.font24px {
  font-size: 24px;
}

.font32px {
  font-size: 32px;
}

.font36px {
  font-size: 36px;
}

.fontbold {
  font-weight: bold;
}

.inline-list {
  display: inline-block;
}

.inline-list-item {
  display: inline-block;
  border-radius: 2px;
  background-color: #DFE3EF;
  color: #000;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 12px;
}

.inline-list-del {
  float: right;
  margin-left: 5px;
  cursor: pointer;
  position: relative;
  z-index: 1000;
  font-size: 14px;
}

.padding-left-5 {
  padding-left: 5px;
}

.no-padder-h {
  padding-left: 0px;
  padding-right: 0px
}

.no-padding {
  padding: 0 !important;
}

.no-padding-left {
  padding-left: 0px !important;
}

.no-padding-right {
  padding-right: 0px !important;
}

.no-padding-bottom {
  padding-bottom: 0px;
}

.padding-half-15 {
  padding: 7.5px;
}

.no-margin-bottom {
  margin-bottom: 0px
}

.no-margin {
  margin: 0px !important
}

.margin-bottom-10 {
  margin-bottom: 10px;
}

.margin-bottom-15 {
  margin-bottom: 15px;
}

.margin-top-15 {
  margin-top: 15px;
}

.dc-create,
.dc-delete,
.dc-sync,
.dc-controller {
  /* position: relative;
  top: -1px; */
}

.dc-search,
.dc-edit {
  /*position: relative;
  top:-2px;*/
}

.selectedinfolist {
  /*background-color: #f1f1f1;*/
}

.selectedinfo .panel-body {
  border: none !important;
}

.selectedinfo .panel-group {
  padding: 15px 0px;
}

.selectedinfo .panel-group .panel {
  border-radius: 0px;
}

.selectedinfo .panel-default {
  border: none;
}

.selectedinfolist {
  background: rgba(241, 241, 241, 1);
}

.selectedinfo.white-background .selectedinfolist {
  background: rgba(255, 255, 255, 1);
}

.selectedinfolist .panel-body {
  padding-top: 7.5px;
  padding-bottom: 7.5px;
  background: rgba(241, 241, 241, 1);
}

.panellist {
  height: 56px;
  background: rgba(255, 255, 255, 1);
}

.selectedinfo.white-background .panellist {
  background: rgba(245, 245, 246, 1);
}

.selectedinfolist .panel-heading {
  color: #2a2a2a;
  background: rgba(241, 241, 241, 1);
  border-color: #e0e0e0;
}

.selectedinfo .panel-group {
  margin-bottom: 0px;
}

.selectedinfo .panel-heading .panel-title a.accordion-toggle {
  text-decoration-line: none;
  font-size: 14px;
  border: 400;
}



.wizard-nav li.showActive .iconwhite {
  background-image: url("../images/icon/icon-black.jpg") !important;
}

.cas-slide-content [class*="icon-icon4-"] {
  top: -7px;
}

.panellist .col-md-5 {
  padding-right: 0px;
  padding: 20px 0 20px 15px;
  color: #b4b4b4;
}

.panellist .col-md-2 {
  padding-right: 0px;
  padding: 20px 0 20px 15px;
  color: #b4b4b4;
}

.panellist .col-md-7 {
  height: 60px;
}

.panellist .col-md-10 {
  height: 60px;
}

.vertical-center {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.dashborder {
  border: 1px dashed #b4b4b4;
}

.addDc_icon {
  text-align: center;
  padding: 100px 100px 60px 100px
}

.addDc_text {
  color: #b4b4b4;
  text-align: center;
  padding: 0px 100px 109px 100px
}

/*.vmCtrl .bg-white-container {
  min-height: 390px
}*/
.mask {
  z-index: 100;
  width: calc(100% - 15px);
  height: calc(100% - 15px);
  background-color: rgba(0, 0, 0, 0.35);
  position: absolute;
}

.mask-content {
  text-align: center;
  top: 50%;
  position: relative;
}

.masked {
  z-index: 99;
}

.input-group-sm {
  height: 30px;
}

.transition-width {
  -webkit-transition: width .3s ease;
  -moz-transition: width .3s ease;
  -o-transition: width .3s ease;
  transition: width .3s ease;
}

.transition-opacity {
  -webkit-transition: opacity .3s ease;
  -moz-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.no-border {
  border: none !important;
}

.circle-close {
  font-size: 12px;
  display: inline-block;
  width: 16px;
  height: 16px;
  border-radius: 8px;
  border: 1px #C0C0C0 solid;
  background-color: #C0C0C0;
  text-align: center;
  line-height: 10px;
  color: #fff;
  cursor: pointer;
}

.circle-close:hover {
  background-color: rgba(217, 57, 52, 1);
  background-color: rgba(217, 57, 52, 1);
}

.progress {
  height: 4px;
  background-color: #EDEDED;
}

.progress .progress-bar {
  width: 0;
  background-color: #7CB5EC !important;
  box-shadow: none !important;
  -webkit-transition: width 1s linear;
  -o-transition: width 1s linear;
  transition: width 1s linear;
}

.progress-line {
  height: 4px;
  background-color: transparent;
  box-shadow: none;
  border-bottom: 1px #999 solid;
  border-radius: 0;
  overflow: visible;
}

.progress-line .progress-bar {
  position: relative;
  top: 2px;
  background-color: #4D505A !important;
}

.progress.progress-style-1 {
  height: 10px !important;
  border-radius: 0;
  margin-bottom: 0
}

.progress .progress-bar.bg-progress-1 {
  background-color: #F3CA5B !important
}

.progress .progress-bar.bg-progress-2 {
  background-color: #FF9F7D !important
}

.progress .progress-bar.bg-progress-3 {
  background-color: #FF5688 !important
}

.progress .progress-bar.bg-progress-4 {
  background-color: #A356FF !important
}

.progress .progress-bar.bg-progress-5 {
  background-color: #568AFF !important
}

.media.media-style-1 {
  width: 120px;
  margin: 0 auto;
}

.media.media-style-1 .media-object {
  position: relative;
  top: 5px;
}


@media (min-width: 768px) {
  .row-in-form {}

  .form-horizontal .control-label {
    padding-left: 15px;
    padding-right: 0;
    float: left;
    width: 150px;
  }

  .form-horizontal .control-label+div {
    padding-left: 0;
  }

  .form-horizontal .control-label+div.input-label {
    width: calc(100% - 150px);
    display: inline-block;
  }

  .form-horizontal .control-label+div.input-group {
    padding-bottom: 26px;
  }

  .form-horizontal .form-control {
    max-width: 250px
  }
}

/* 弹窗 */
.modal .modal-dialog {
  transform: translate(-50%, -50%) !important;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-top: 0;
}

.modal-header {
  overflow: hidden;

}

h4.modal-title {
  font-size: 16px;
  padding: 0 35px 0 15px;
  line-height: 32px;
  display: inline-block;
  position: relative;
  height: 32px;
  background: url(../images/modal-top.jpg) no-repeat right #D93934;
}

.modal-footer .btn {
  padding-left: 20px;
  padding-right: 20px;

}

.accordion-pannel .panel {
  border: none !important;
  box-shadow: none !important;
}

.accordion-pannel .panel-heading {
  background: none !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}

.accordion-pannel .panel-body {
  border-top: none !important;
  padding: 0 !important;
}

.accordion-pannel .panel-group {
  margin-bottom: 0 !important;
}

#resTab .nav-stacked>li+li {
  margin-top: 0;
}

#resTab tab-heading {
  color: #000;
}

#resTab .nav>li>a {
  height: 48px;
  padding-top: 14px;
  padding-bottom: 20px;
  border-radius: 0px;
}

#resTab .nav-pills>li.active>a {
  position: relative;
}

#resTab .nav-pills>li.active>a:before {
  content: " ";
  display: block;
  width: 3px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 16px;
  background-color: #D93934;
}

#resDetailTab .nav-tabs>li.active>a,
#resDetailTab.nav-tabs>li.active>a:hover,
#resDetailTab.nav-tabs>li.active>a:focus,
#resDetailTab.nav-tabs>li.active>a:active {
  border-top: 3px #d93934 solid;
  border-bottom: 5px #fff solid;
}

#resDetailTab .nav-tabs>li>a {
  margin-right: 0px;
  line-height: 1.42857143;
  border-right: 1px solid #D9D9D9;
  border-top: 1px solid #D9D9D9;
  border-radius: 0 0 0 0;
  padding: 8px 27px;
}

#resDetailTab .nav-tabs {
  background-color: #ffffff;
  border-bottom: 1px solid #D9D9D9;
}

.animateTransform {
  transform: rotate(0deg);
  transition: transform .3s ease;
}

.rotate90 {
  transform: rotate(90deg);
}

.rotate180 {
  transform: rotate(180deg);
}

.animateHeight {
  overflow: hidden;
  transition: height .3s ease;
}

.animateWidth {
  transition: width .3s ease-in;
}

.animate-opacity {
  transition: opacity .3s ease-in;
}

.animate-flex-basis {
  transition: flex-basis .3s ease-in;
}

.transition-delay {
  transition-delay: .3s;
}

#resDiv {
  flex: 0 0 0;
  flex-basis: 194px;
}

.select-platform {
  background-color: #fff;
  position: absolute;
  top: 145px;
  left: 62px;
  box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);
  z-index: 1000;
}

.select-platform.select-platform-sidebarhide {
  top: 110px;
  left: 19px;
}

.select-platform:before {
  content: "";
  width: 0;
  height: 0;
  border-width: 0 10px 10px;
  border-style: solid;
  border-color: transparent transparent #fff;
  /*透明 透明  灰*/
  position: absolute;
  margin-top: -10px;
  margin-left: 38px;
}

.select-platform.select-platform-sidebarhide:before {
  margin-top: -9px;
  margin-left: 0px;
}

.select-platform .select-platform-item {
  border-bottom: 1px #ccc solid;
  padding: 20px;
  width: 260px;
  cursor: pointer;
}

.select-platform .select-platform-item:hover {
  background-color: #f1f1f1;
}

.select-platform .select-platform-item img {
  margin-right: 15px;
}

#closeCarousel {
  top: 200px;
  left: -24px;
  position: absolute;
  cursor: pointer;
  opacity: .8;
}

#closeCarousel img {
  position: relative;
}

#openCarousel {
  top: 50%;
  width: 50px;
  height: 50px;
  right: -16px;
  position: absolute;
}

.text-letter-count {
  float: right;
  position: absolute;
  font-size: 12px;
  color: #999;
  font-family: arial;
  bottom: 0;
  right: 20px;
}

.resetBtn {
  width: 35px;
  background-color: rgba(255, 255, 255, 1);
  border: 1px solid rgba(172, 172, 172, 1);
}


.btn .font_family {
  float: left;
  position: relative;
  top: -2px;
}

.highcharts-container {
  display: inline-block;
}

.pre-used {
  font-size: 12px;
  text-align: center;
}

.pre-used-num {
  text-align: center;
  font-family: arial;
  font-size: 24px;
  /*padding-left: 10px;*/
}

.valid-area {
  height: 26px;
  line-height: 26px;
  font-size: 12px;
  color: red;
}

.workflow-design {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #333;
  min-height: 300px;
  /* height: inherit;
    background: linear-gradient(90deg,#eee 3%,transparent 0),
          linear-gradient(#eee 3%,transparent 0);
    background-size: 20px 20px; */

}

.workflow-design>div {
  margin-right: 10px;
}

.workflow-design .sign-begin,
.workflow-design .sign-end {
  display: inline-block;
  width: 40px;
  height: 40px;
  border-radius: 20px;
  border: 1px #ccc solid;
  text-align: center;
  line-height: 40px;
  font-size: 12px;
  background-color: #eee;
}

.workflow-design .sign-line {
  display: inline-block;
  position: relative;
  width: 70px;
}

.workflow-design .sign-line .sign-add {
  position: absolute;
  padding-left: 20px;
  text-align: center;
  font-size: 20px;
  margin-top: -30px;
  cursor: pointer;
  opacity: 0;
}

.workflow-design:hover .sign-line .sign-add {
  opacity: 1;
}

.workflow-design .sign-line:before {
  content: "";
  display: inline-block;
  position: absolute;
  left: 0;
  top: -2px;
  width: 50px;
  height: 4px;
  background-color: #eee;
}

.workflow-design .sign-line:after {
  content: "";
  display: inline-block;
  position: absolute;
  left: 50px;
  top: -10px;
  width: 0;
  height: 0;
  border-top: 10px solid transparent;
  border-left: 20px solid #eee;
  border-bottom: 10px solid transparent;
}

.workflow-design .sign-node {
  display: inline-block;
  width: 100px;
  height: 100px;
  border: 1px #ccc solid;
  border-radius: 5px;
  text-align: center;
  background-color: #eee;
}

.workflow-design .sign-node.active {
  border-color: orange;
}

.workflow-design .sign-node .sign-text {
  line-height: 52px;
  cursor: default;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 100%;
}

.workflow-design .sign-node .sign-node-ctrl {
  opacity: 0;
  cursor: pointer;
}

.workflow-design .sign-node:hover .sign-node-ctrl {
  opacity: 1;
}

.submenu>li>a {
  padding-left: 40px !important;
}

.aside .fa-chevron-right {
  position: relative;
  margin-right: 10px;
  font-size: 10px;
  top: 18px;
  opacity: 0.7;
}

.aside .open .fa-chevron-right,
.servicelist .open .fa-chevron-right {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.abn-tree-container {
  font-size: 12px;
}

.abn-tree-container ul.abn-tree li.abn-tree-row a {
  color: #2A2A2A;
}

.abn-tree-container ul.abn-tree li.abn-tree-row a:hover {
  color: #4c7cea;
}

.abn-tree-container ul.abn-tree.tree-disabled li.abn-tree-row a {
  color: #999;
}

.abn-tree-container .nav-pills>li>a,
.abn-tree-container .nav-pills>li>a:focus,
.abn-tree-container .nav-pills>li>a:hover,
.abn-tree-container .nav-pills>li.active>a,
.abn-tree-container .nav-pills>li.active>a:focus,
.abn-tree-container .nav-pills>li.active>a:hover {
  background: none;
}

.abn-tree-container .nav-pills>li>a .tree-label {
  padding: 5px;
  margin-left: 18px
}

.abn-tree-container .nav-pills>li>a .tree-label:hover {
  color: #4c7cea;
}

.abn-tree-container .nav-pills>li>a .tree-label::before {
  content: "";
  display: block;
  position: absolute;
  top: 0px;
  left: -22px;
  width: 24px;
  height: 24px;
  background: url(../images/svg/WenJianJia.svg) no-repeat 4px 4px;
  background-size: 16px 16px;
}

.abn-tree-container .nav-pills>li.active>a .tree-label,
.abn-tree-container .nav-pills>li.active>a:focus.tree-label,
.abn-tree-container .nav-pills>li.active>a:hover .tree-label {
  background-color: #D93934 !important;
  color: #fff;
}

.abn-tree-container ul.abn-tree li.abn-tree-row a {
  padding: 5px 10px;
}

.servicelist .firstmenu a {
  display: block;
  /* border-top:1px solid #D6DBE5; */
  border-bottom: 1px solid #D6DBE5;
  padding: 12px 0px 7px 0px;
  overflow: hidden;
  background-color: #ECEFF4;
  color: #2A2A2A;
  text-decoration: none;
}

.servicelist .firstmenu a:hover,
.servicelist .firstmenu a:focus {
  color: #2A2A2A;
  text-decoration: none;
}

.servicelist .fa-chevron-right {
  top: 5px;
  left: 12px;
  position: relative;
  width: 8px;
  height: 6px;
  color: #828D9E;
  font-size: 9px;
}

.servicelist .secondmenu {
  padding: 11px 8px 6px 8px;
  background-color: #fff;
}

.servicelist .secondmenu li {
  margin-bottom: 5px;
}

.servicelist .secondmenu a {
  height: 40px;
  padding: 10px 0px 0px 0px;
  border: none;
  background-color: #ECEFF4;
  font-size: 12px;
  font-weight: 400;
  color: rgba(42, 42, 42, 1);
}

.minWidth1200 {
  min-width: 1200px;
}

.actionbar {
  width: 210px;
  float: right;
  right: 34px;
  background-color: #fff;
  position: absolute;
  box-shadow: -2px 0px 4px 0px rgba(0, 0, 0, 0.1)
}

/*伸缩*/
.telescopic {
  -webkit-transition: height 2s;
  -moz-transition: height 2s;
  -ms-transition: height 2s;
  -o-transition: height 2s;
  transition: height 2s;
}

#createservice .wizard-nav {
  left: 44%;
  transform: translateX(-44%);
}

/*小三角*/
.triangle-up {
  width: 10px;
  height: 10px;
  position: absolute;
  top: -5px;
  left: 30px;
  background: inherit;
  border: 1px solid initial;
  transform: rotate(135deg);
  border-left: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

.triangle-down {}

.triangle-left {}

.triangle-right {}

.application-container {
  width: 1280px;
  margin: 0 auto;
}

.application-step {
  border-left: 1px #eee dashed;
  padding-bottom: 20px;
}

.application-step:last-child {
  border-left: none;
}

.application-step.actived {
  border-left-style: solid;
}

.application-step:before {
  content: "";
  display: inline-block;
  width: 22px;
  height: 22px;
  border-radius: 11px;
  background-color: #eee;
  position: relative;
  left: -11px;
  text-align: center;
}

.application-step.actived:before {
  content: "\2713";
  background-color: #D93934;
  color: #fff;
  font-weight: bold;
}

.application-title {
  display: inline-block;
}

.application-step .box-select {
  padding: 0 25px;
  margin-top: 10px;
}




.rzslider .rz-pointer {
  width: 16px !important;
  border-radius: 0 !important;
  background-color: #aaa !important;
}

.rzslider .rz-pointer:after {
  left: 4px !important;

}

.rzslider .rz-tick {
  margin-left: 0 !important;
}

.rzslider .rz-bar {
  width: calc(100% - 11px) !important;
}

.rzslider .rz-selection {
  width: 100% !important;
}

.abn-tree .branch-searched {
  color: blue
}

.apply-list {}

.apply-list .apply-list-item {
  width: 20%;
  float: left;
  display: inline-block;
  text-align: center;
  cursor: pointer;
}

.apply-list-item-line {
  width: 94px;
  display: inline-block;
  border-bottom: 3px #fff solid;
}

.apply-list .apply-list-item.active .apply-list-item-line {
  border-bottom-color: #d93934;
}

.topobg {
  background-image: url(../images/HuaBuBG.png);
}

.setresource {
  font-size: 12px !important;

}

.setresource .baseinfo {
  margin-bottom: 40px;
}

.setresource .baseinfo .form-group,
.setresource .advancedinfo .form-group,
.setresource .futherinfo .form-group {
  overflow: hidden;
  min-height: 30px;
}

.setresource .advancedinfo .col-md-5,
.setresource .baseinfo .col-md-5,
.setresource .futherinfo .col-md-5 {
  padding: 5px 0 0 5px;
}

.setresource .advancedinfo .col-md-7,
.setresource .baseinfo .col-md-7,
.setresource .futherinfo .col-md-7,
.setresource .advancedinfo .col-md-7 .col-md-12,
.setresource .baseinfo .col-md-7 .col-md-12,
.setresource .futherinfo .col-md-7 .col-md-12 {
  padding: 0px
}

.setresource .advancedinfo .col-md-7 .col-md-12,
.setresource .baseinfo .col-md-7 .col-md-12,
.setresource .futherinfo .col-md-7 .col-md-12 {
  padding-top: 5px
}

.test-table-box {
  width: inherit;

  position: relative;
  /* overflow:hidden; */
  /* overflow-y: auto */
}

.test-table-box .table {
  table-layout: fixed;
}

.test-table-box .test-table-box-header {
  width: inherit;
}

.test-table-box .test-table-box-header .table {
  margin-bottom: 0 !important
}

.test-table-box .test-table-box-body {
  width: inherit;

  overflow: auto;
  padding-right: 100px;
}

.test-table-box .test-table-box-body>.talbe {
  width: inherit;
}

.test-table-box .test-table-box-body>.table tr td:last-child {
  padding-right: 150px !important;
}

.test-table-box .test-table-box-ctrl {
  width: 100px;
  position: absolute;
  right: 0;
  top: 0px;
  background-color: #fff;
  box-shadow: -2px 0 2px rgba(0, 0, 0, .1);
}

.jtopo_toolbar {
  padding: 10px;
  /* background: #fff; */
}

.jtopo_toolbar input {
  margin: 0px 5px;
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 2px !important;
  background-clip: padding-box !important;
  color: #858585;
  border: 1px solid #d5d5d5;
  background-color: #eee !important;
}

#clearButton,
#centerButton,
#fullScreenButton,
#zoomOutButton,
#zoomInButton,
#resourcePrice,
#saveButton,
#revoke,
#redo {
  color: #2a2a2a;
  margin: 0px 5px;
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 2px !important;
  background-clip: padding-box !important;
  border: solid 1px #999;
  background-color: #fff !important;
  border-color: #999;
}

#export,
#exportButton {
  color: #fff;
  margin: 0px 5px;
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 2px !important;
  background-clip: padding-box !important;
  background-color: #30303c !important;
  border-color: #30303c;
}

#handleInButton,
#reorder,
#delnode {
  color: #fff;
  margin: 0px 5px;
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 2px !important;
  background-clip: padding-box !important;
  border: solid 1px #D83935;
  background-color: #D83935 !important;
  ;
}

#linkalert {
  z-index: 999;
  float: right;
  position: absolute;
  right: 20px;
  top: 65px;
}

/* .jtopo_toolbar .btn-primary .active
{
    border: solid 1px #2a88da!important;
  background-color: #2a88da!important;
  border-color: #2a88da!important;
} */
#modenormal,
#modeselect,
#modeedit,
#lineto,
#fullmode,
#dashmode {
  height: 16px;
  margin: 0px 5px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
}

.jtopo_toolbar input[type=checkbox],
.jtopo_toolbar input[type=radio] {
  opacity: 1;
  position: relative;
  left: 0px;
  z-index: 12
}

.jtopo_toolbar .radiotext {
  position: relative;
  top: -4px;
}


.setresource .control-label.control-label-required {
  position: relative;
}

.setresource .control-label.control-label-required:after {
  content: "*";
  position: absolute;
  left: 0;
  color: red;
}


.time-line {
  position: relative;
  top: 20px;
}

.time-line .time-line-item {
  padding: 10px 0 10px 10px;
  border-left: 1px #ccc solid;
  position: relative;
  left: 10px;
}

.time-line .time-line-item:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 5px;
  background-color: #FA8961;
  position: relative;
  left: -15px;
  top: -15px;
}

.time-line .time-line-item:last-child {
  border-left: none;
}

.time-line .time-line-item span {
  position: relative;
  top: -15px;
}

.servicelist i {
  padding: 0px 2px
}

.time-slider-container {}

.time-slider-container .rzslider .rz-pointer {
  width: 14px !important;
  height: 14px;
  border: 2px #FA8961 solid;
  border-radius: 7px !important;
  background-color: #fff !important;
  top: -5px;
}

.time-slider-container .rzslider .rz-pointer:after {
  display: none !important;
}

.time-slider-container .rzslider .rz-selection {
  background-color: #FA8961 !important;
}

.time-slider-container .rzslider .rz-ticks-values-under .rz-tick-value {
  color: #999;
  font-size: 12px;
  bottom: -20px;
}

.time-slider-container .rzslider .rz-bubble {
  font-size: 12px;
  bottom: 10px;
}

.time-slider-container .rzslider .rz-tick.rz-selected {
  background-color: #FA8961
}

.item-list-table tr .item-list-table-del {
  visibility: hidden;
}

.item-list-table tr:hover .item-list-table-del {
  visibility: visible;
}

.loginconfig-disable-ip .item-list-table .ip-span {
  opacity: .5
}

.panellist_bgGrety {
  background: rgba(245, 245, 246, 1);
}

.showbtn-sm {
  width: 90px;
  height: 28px;
  background: rgba(223, 226, 239, 1);
  border-radius: 2px;
}

.sort-indicator {
  padding-right: 18px;
  position: relative;
}

.sort-indicator:after,
.sort-indicator:before {
  content: "";
  border-width: 0 5px 5px;
  border-style: solid;
  border-color: #777 transparent;
  visibility: visible;
  right: 5px;
  top: 44%;
  position: absolute;
  margin-top: -5px;
}

.sort-indicator:before {
  margin-top: 2px;
  border-bottom: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #777;
}

/*登陆设置页*/
.width600 {
  width: 800px;
  margin-left: -400px;
}

.width900 {
  width: 900px;
  margin-left: -400px;
}

.indent20 {
  padding-left: 20px;
}

.timeset-data {
  width: 50px;
  float: left;
  font-size: 14px;
  color: #666666
}

.timeset-data p {
  margin: 1px 0;
}

.timeset-hour {
  float: left;
  width: 500px;
}

.timeset-hour td {
  padding: 0;
}

.timeset-hour .table-bordered {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}

.timeset-hour .hour-table {
  width: 520px;
  max-width: 705px;
  margin: 10px 0 3px -5px;
  font-size: 15px
}

.timeset-hour .hour-table td {
  border: 0;
  padding: 0px !important;
  height: 18px !important;
  line-height: 18px !important;
  color: #666666
}

.hour-table-block {
  margin-bottom: 10px;
  position: relative;
  width: 500px;
  height: 135px;
}

.hour-disabe {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 99;
  background: #fff;
  filter: alpha(opacity=30);
  -moz-opacity: .3;
  -khtml-opacity: .3;
  opacity: .3;
  cursor: not-allowed;
}

.unselect {
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none;
}

.hour-table-block .table {
  width: auto !important
}

.hour-table-block .table-bordered {
  border: 1px solid #eaeff0;
}

.hour-table-block .table-bordered>tbody>tr>td {
  border-color: #eaeff0 !important
}

.hour-table-block .table>tbody>tr>td {
  background-color: #fff;
  width: 21px !important;
  height: 21px !important;
  padding: 0 !important;
  border-radius: 0 !important;
  -webkit-border-radius: 0 !important;
  -moz-border-radius: 0 !important;
}

.hour-table-block td.td-select2 {
  background: #EC9C99 !important;
}

.hour-table-block td.td-select2 {
  background: #EC9C99 !important;
}

.loginconfig-disable-day .hour-table-block td.td-select2 {
  opacity: .5
}

#selection-h {
  position: absolute;
  z-index: 999999;
  background: #2279d7;
  border: 1px #f2f2f2 dashed;
  width: 0;
  height: 0;
  filter: alpha(opacity=70);
  -moz-opacity: .7;
  -khtml-opacity: .7;
  opacity: .7;
}

.set-example span {
  margin-right: 30px;
}

.set-example span i {
  display: inline-block;
  width: 16px;
  height: 16px;
  background: #fff;
  border: 1px #ccc solid;
  margin-bottom: -4px;
}

.set-example span.stop i {
  background: #2279d7;
}



.sort-indicator.sort-up:after {
  border-color: #c62d28 transparent;
}

.sort-indicator.sort-down:before {
  border-top: 5px solid #c62d28;
}

.input-group .input-group-addon {
  background-color: #F5F5F5;
}

.input-group .input-group-addon.pointer {
  background-color: #fff;
}



.pic-view {
  position: relative;
  height: 45px;
  padding: 13px;
  overflow: hidden;
}

.pic-view .pic-view-prev {
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 30px;
  left: 0;
  top: 20px;
  cursor: pointer;
  white-space: nowrap;
}

.pic-view .pic-view-next {
  display: inline-block;
  position: absolute;
  width: 30px;
  height: 30px;
  right: 0;
  top: 20px;
  cursor: pointer;
}

.pic-view ul li {
  float: left;
  margin: 0 10px;
  cursor: pointer;
}


.login-page {
  width: 100%;
  height: 100vh;
  background: linear-gradient(35deg, #24242e, #2d2b40);
}

.login-page .login-page-top {
  padding: 15px;
  color: #fff;
  vertical-align: middle;
  line-height: 36px
}

.login-page .login-page-bg {
  height: calc(100vh - 100px);
  width: 100%;
  background: url(../images/login_bg.png) no-repeat 15vh 0;
  background-position: 83px 62px;
}

.login-page .login-box {
  background-color: #fff;
  border-radius: 2px;
  padding: 30px;
  position: absolute;
  left: 65vw;
  top: 25vh;
  width: 336px;
}

.login-page .login-page-info {
  color: #fff;
  line-height: 50px;
  letter-spacing: .1em;
}

.login-page .login-box input,
.login-page .login-box button {
  height: 40px;
}

.dropdown-menu.dropdown-menu-with-up-sign:before {
  content: "";
  display: inline-block;
  width: 10px;
  height: 10px;
  position: absolute;
  top: -5px;
  left: 30px;
  background: inherit;
  border: 1px solid initial;
  transform: rotate(135deg);
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

.servicelist li.firstmenu a:after,
.servicelist li.firstmenu .secondmenu li a:after {
  content: " ";
  display: block;
  float: right;
  position: relative;
  background-color: #999;
  margin: 0 auto;
  border-right: 3px #ECEFF4 solid;
}

.servicelist li.firstmenu a:after {
  right: -20px;
  height: 30px;
  top: -2px;
}

.servicelist li.firstmenu.nochild a:after {
  /* right: -42px; */
  right: 0px;
  height: 30px;
  top: -2px;
}

.servicelist li.firstmenu .secondmenu li a:after {
  right: 0px;
  height: 20px;
}

.servicelist.editmode li.firstmenu a:after {
  right: -60px;
  height: 30px;
}

.servicelist.editmode li.firstmenu .secondmenu li a:after {
  right: -31px;
  height: 20px;
}

.servicelist li.firstmenu a.actived:after,
.servicelist li.firstmenu .secondmenu li a.actived:after {
  border-right-color: rgba(217, 57, 52, 1);

}

.servicelist.editmode .secondmenu i.icon-reduce {
  margin-right: 12px
}

.servicelist.editmode li.firstmenu.nochild i.icon-reduce {
  margin-right: 20px
}

.modal-header {
  border-bottom: none;
}

#instanceTable tr td {
  height: auto !important;
  line-height: normal !important;
  padding: 10px 8px !important;
  vertical-align: middle;
}

.table-text-vertical>tbody>tr>td {
  height: auto !important;
  line-height: normal !important;
  padding: 10px 8px !important;
  vertical-align: middle;
}

.servicelist.editmode li.firstmenu label.sort {
  width: 20px;
  height: 30px;
  float: left;
  position: relative;
  left: 0px;
  top: -10px;
  margin-bottom: 0px;
}

.servicelist.editmode ul.secondmenu label.sort {
  width: 15px;
  height: 34px;
  float: left;
  position: relative;
  top: -8px;
  left: 0px;
  margin-bottom: 0px;
}

label.sort i {
  padding: 0px 0px;
  position: relative;
  top: -2px;
}

.servicelist.editmode li.firstmenu label.sort button {
  padding: 2px 0px;
  width: 20px;
  height: 23px;
}

.servicelist.editmode ul.secondmenu label.sort button {
  padding: 0px 0px;
  width: 15px;
  height: 18px;
}

.dropdown-menu>li>a:hover,
.dropdown-menu>li>a:focus,
.dropdown-menu>.active>a,
.dropdown-menu>.active>a:hover,
.dropdown-menu>.active>a:focus {
  background-color: #D93934 !important;
  color: #fff !important;
}

.dropdown-menu>li>a {
  font-size: 12px;
  padding-left: 11px;
  padding-right: 11px;
  margin-bottom: 1px;
  margin-top: 1px;
}

.btn-sm {
  padding: 4px 12px;
}

.createMarginAuto {
  margin: 0 auto;
  width: 1270px;
}

.hexagonTop {
  width: 0;
  border-left: 32px solid transparent;
  border-right: 32px solid transparent;
  border-bottom: 17px solid #eee;
}

.hexagonMiddle {
  width: 64px;
  height: 40px;
  background-color: #eee;
  text-align: center;
  line-height: 40px;
  padding-left: 4px;
}

.hexagonBottom {
  width: 0;
  border-top: 17px solid #eee;
  border-left: 32px solid transparent;
  border-right: 32px solid transparent;
}

.btn-noborder {
  border-bottom: none;
  border-top: none;
  border-right: none;
  height: 52px;
  background: rgba(248, 248, 248, 1);
}

.inline-block {
  display: inline-block;
}

.createVms .control-label {
  width: 100px;
  vertical-align: top;
  padding-top: 5px;
}

.createVms .control-label.control-label-required:after {
  content: "*";
  position: absolute;
  left: 5px;
  color: red;
}

.width120 {
  width: 120px !important
}

.box-select .radiobnt {
  margin-right: 0;
  border-radius: 0;
  width: 61px;
  text-align: center;
  padding: 5px 0px !important
}

.modal-body select:disabled {
  background-color: #F5F5F5;

}

.activeVmsTab .active {
  border-right: solid 2px #D93934;
}

.activeVmsTab .active a {
  color: #D93934 !important
}

.servicetext {
  display: inline-block;
  position: relative;
  top: 5px;
}

.editmode .servicetext {
  cursor: pointer;
}

.servicelist li.firstmenu a.firmenutop {
  border-top: 1px solid #D6DBE5;
}

.select-data-empty {
  text-align: center;
  width: 68px;
  font-size: 12px;
  color: #999;
}

.limitlength {
  display: inline-block;
  width: 150px;
}

.createVmsnum {
  font-size: 24px;
  float: left;
  border-bottom: solid 1px #ccc;
  border-right: solid 1px #ccc;
  padding: 0 15px 10px;
}

.createVmInfo .ulLi li {
  float: left;
  padding: 0 26px;
  text-align: center;
  border-right: 1px solid #ccc;
}

.createVmInfo .infoRow {
  margin: 15px;
  border-bottom: 1px dashed #ccc;
}

.createVmInfo .ico {
  float: left;
  padding: 0 18px 10px 19px;
  border-right: 1px solid #ccc;
  line-height: 40px;
}

.createVmInfo .text {
  font-size: 16px;
  font-weight: bold;
}

.combo-table .sort-indicator:after,
.combo-table .sort-indicator:before {
  top: 47%;
}

/* 调度任务-日记详情 */
#taskLogPage.modal-body {
  background: #fff;
  padding: 0;
}

#taskLogPage.modal-body h3 {
  font-size: 18px;
  color: #2A2A2A;
  line-height: 18px;
  margin: 0 0 16px 0;
}

#taskLogPage.modal-body .base-info {
  padding: 20px;
  margin-bottom: 25px;
  border-bottom: 1px solid rgba(233, 231, 231, 1);
}

#taskLogPage.modal-body .base-info .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

#taskLogPage.modal-body .base-info .list .item {
  width: 288px;
  height: 40px;
  line-height: 40px;
  background: rgba(245, 245, 246, 1);
  display: flex;
  align-items: center;
  margin-bottom: 12px;
}

#taskLogPage.modal-body .base-info .list .item .name {
  font-size: 14px;
  font-weight: 400;
  color: rgba(153, 153, 153, 1);
  width: 90px;
  padding-left: 13px;
  margin: 0;
}

#taskLogPage.modal-body .base-info .list .item .val {
  background: rgba(245, 245, 246, 1);
  flex: 1;
  font-weight: 400;
  color: rgba(42, 42, 42, 1);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#taskLogPage.modal-body .log-detail {
  padding: 0 20px 15px 20px;
}

#taskLogPage.modal-body .log-detail .container {
  width: 600px;
  height: 250px;
  overflow-y: scroll;
  margin-top: 18px;
  padding: 16px 13px 10px 13px;
  border: 1px solid rgba(224, 224, 224, 1);
}

#taskLogPage.modal-body .log-detail .container::-webkit-scrollbar {
  display: none;
}

#taskLogPage.modal-body .log-detail .container .item {
  margin-bottom: 5px;
  font-size: 12px;
  line-height: 18px;
  display: flex;
}

#taskLogPage.modal-body .log-detail .container .item .label {
  color: #999999;
  width: 130px;
  text-align: left;
  line-height: 18px;
  padding: 0;
  margin: 0;
}

#taskLogPage.modal-body .log-detail .container .item .message {
  color: #2A2A2A;
  flex: 1;
  text-align: justify;
  word-break: break-all;
}

#taskLogPage.modal-body .log-detail .container .item .state {
  width: 45px;
  line-height: 18px;
  text-align: right;
  color: #2A2A2A;
}

/* 绑定详情 */
#bingDetailContainer.list-group .list-group-item {
  border: 0;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}

#bingDetailContainer.list-group .list-group-item label {
  width: 100px;
  color: #999999;
  font-weight: normal;
  margin: 0;
}

#bingDetailContainer.list-group .list-group-item span {
  flex: 1;
  color: #2A2A2A;
  font-weight: normal;
}

/* 资源延期 */
#resourceExtension {
  display: flex;
  align-items: flex-start;
  margin: 10px;
}

#resourceExtension i {
  color: red;
  padding-right: 4px;
  height: 18px;
  font-size: 14px;
  vertical-align: top;
}

#resourceExtension label {
  width: 100px;
  margin: 0;
  color: #2A2A2A;
  font-weight: 400;
}

#resourceExtension .input-group {
  flex: 1;
  display: flex;
  flex-direction: column;
}

#resourceExtension .input-group span {
  padding: 3px 0;
  color: red;
  display: none;
}

#select-dialog .default {
  display: block;
  height: 30px;
  line-height: 28px;
  padding: 0 18px 0 10px;
  border: 1px solid #ccc;
  border-right: 0;
  text-align: left;
  position: relative;
  font-size: 12px;
  font-weight: 400;
}

#select-dialog .default::before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 13px;
  right: 7px;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

#select-dialog .default:hover {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}

#select-dialog .ol {
  position: absolute;
  top: 32px;
  width: 160px;
  padding: 5px 0;
  cursor: pointer;
  border: 1px solid #ccc;
  background: #fff;
  color: #262c39;
}

#select-dialog .ol li {
  height: 23px;
  line-height: 23px;
  text-align: left;
  font-size: 12px;
  font-weight: 400;
  padding: 0 10px;
}

#select-dialog .ol li:hover {
  background: #D93934;
  color: #fff;
}

#theadFilter {
  position: relative;
}

#theadFilter .tr-filter {
  position: absolute;
  /* width: 120px; */
  display: flex;
  flex-direction: column;
  padding-top: 5px;
  top: 37px;
  left: -33px;
  background: #fff;
  color: #2A2A2A;
  font-size: 12px;
  z-index: 100;
  border: 1px solid #E0E0E0;
  border-radius: 3px;
}

#theadFilter .tr-filter::before {
  position: absolute;
  top: -8px;
  left: 46px;
  content: "";
  width: 0;
  height: 0;
  /* border-top: 8px solid transparent; */
  border-right: 8px solid transparent;
  border-bottom: 8px solid #E0E0E0;
  border-left: 8px solid transparent;
}

#theadFilter .tr-filter label.checkbox-inline {
  margin: 0;
  padding: 0;
  height: 26px;
  display: flex;
  align-items: center;
}

#theadFilter .tr-filter label.checkbox-inline:hover {
  color: #000;
  background-color: #D93934;
}

#theadFilter .tr-filter label.checkbox-inline span.text {
  padding: 0 15px;
  white-space: nowrap;
}

.topoitemlist .servicelist .firstmenu a {
  padding: 12px 0px 7px 20px;
}

.topoback {
  padding-right: 8px;
  border-bottom: 1px solid #ccc;
  cursor: pointer;
}

.topoback:before {
  content: '';
  width: 10px;
  height: 10px;
  border-left: 1px solid rgba(76, 124, 234, 1);
  border-top: 1px solid rgba(76, 124, 234, 1);
  display: inline-block;
  margin-right: 3px;
  position: relative;
  top: -1px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.order-trigon-up {
  margin-left: 5px;
  width: 0;
  height: 0;
  border-right: 7px solid transparent;
  border-bottom: 7px dashed;
  border-left: 7px solid transparent;
}

.order-trigon-down {
  margin-left: 5px;
  width: 0;
  height: 0;
  border-top: 7px dashed;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
}

/*连个相连接的input框*/
.tow_input_link_group {}

.tow_input_link_group:after {
  clear: both;
}

.tow_input_link_group .input_label {
  height: 32px;
  border: none;
  border-radius: 0;
  float: left;
}

.tow_input_link_group .input_left {
  padding-left: 10px;
}

.tow_input_link_group .input_label:focus {
  outline: 0;
}

.tow_input_link_group .cutLine {
  width: 20px;
  text-align: center;
}

.tow_input_link_group .cutLine[disabled] {
  background-color: #ffffff;
}

.message-middleware-settings {
  border: 1px solid #999999;
  width: 640px;
}

.message-middleware-settings .thead>ul,
.message-middleware-settings .tbody>ol {
  display: flex;
}

.message-middleware-settings .thead>ul {
  border-bottom: 1px solid #999999;
}

.message-middleware-settings .thead>ul li {
  width: 150px;
  height: 30px;
}

.message-middleware-settings .thead>ul li.port {
  width: 100px;
}

.message-middleware-settings .thead>ul li.operation {
  width: 80px;
}

.message-middleware-settings .thead>ul li:not(:last-child),
.message-middleware-settings .tbody>ol li:not(:last-child) {
  border-right: 1px solid #999999;
}

.message-middleware-settings .thead>ul li:first-child,
.message-middleware-settings .tbody>ol li:first-child {
  width: 170px;
}

.message-middleware-settings .thead>ul li span {
  display: block;
  line-height: 30px;
  text-align: center;
}

.message-middleware-settings .tbody>ol:not(:last-child) {
  border-bottom: 1px solid #999999;
}

.message-middleware-settings .tbody>ol li {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 150px;
  height: 40px;
}

.message-middleware-settings .tbody>ol li.port {
  width: 100px;
}

.message-middleware-settings .tbody>ol li.operation {
  width: 80px;
}

.message-middleware-settings .tbody>ol li input {
  padding: 1px 3px;
  width: 130px;
  outline: none;
}

.message-middleware-settings .tbody>ol li.port input {
  width: 80px;
}

.message-middleware-settings .tbody>ol li:first-child input {
  padding: 1px 3px;
  width: 150px;
}

.message-middleware-settings .tbody>ol li.operation {
  font-size: 0;
  cursor: pointer;
}

.message-middleware-settings .tbody>ol li.operation span {
  width: 50%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.userindex-edit-org {
  padding: 2px 0;
  border: 1px #fff solid;
  cursor: text;
}

.userindex-edit-org:hover {
  border: 1px #eee solid;
}

.order-step {
  margin: 30px auto;
  width: 920px;
}

.order-step .num-block {
  background-color: #999;
  width: 16px;
  height: 16px;
  border-radius: 3px;
  font-size: 12px;
  color: #fff;
  display: inline-block;
  text-align: center;
  line-height: 16px;
}

.order-step .time-block {
  font-size: 12px;
  color: #999;
}

.order-step .step-item {
  display: inline-block;
  text-align: center;
  width: 120px;
  position: relative;
}

.order-step .step-item img {
  margin-left: 17px;
}

.order-step .step-line {
  width: 150px;
  height: 3px;
  background-color: #999;
  display: inline-block;
  position: relative;
  top: -20px;
}

.order-step li.active .num-block {
  background-color: #DA3F3A;
}

.order-step li.active .step-line {
  background-color: #DA3F3A;
}

.order-step .approve-detail-block {
  position: absolute;
  width: 150px;
  min-height: 100px;
  box-shadow: 0 0 3px 1px rgba(0, 0, 0, .2);
  display: none;
  left: 30px;
  z-index: 10;
  top: 40px;
  background-color: #fff;
  text-align: left;
  padding: 10px;
}

.order-step li:hover .approve-detail-block {
  display: block;

}

/*.order-step .step-item .step-img-normal{
  display: block;
}
.order-step .step-item .step-img-hover{
  display: none;
}
.order-step .step-item:hover .step-img-normal{
  display: none;
}
.order-step .step-item:hover .step-img-hover{
  display: block;
}*/

/*服务申请*/
.service_applay {
  height: calc(100vh - 54px);
}

.service_applay .banner {
  height: 262px;
  width: 100%;
  /*background-color: rgba(0,0,0,.4);*/
  background: linear-gradient(to bottom, #292929, #3F4047);
  background: -moz-linear-gradient(to bottom, #292929, #3F4047);
  background: -o-linear-gradient(to bottom, #292929, #3F4047);
  background: -webkit-linear-gradient(to bottom, #292929, #3F4047);
}

.service_applay .banner .left {
  width: 372px;
  float: left;
  height: 100%;
  position: relative;
}

.service_applay .banner .right {
  width: calc(100% - 372px);
  float: left;
  height: 100%;
}

.service_applay .banner .left .icon {
  width: 181px;
  height: 167px;
  margin: 25px auto;
  background: url("../images/icon-FuWu.png") no-repeat;
}

.service_applay .banner .left .text {
  width: 100%;
  text-align: center;
  font-size: 24px;
  color: white;
}

.service_applay .banner .right .icon {
  width: 100%;
  height: 100%;
  background: url("../images/banner-FuWu.png") no-repeat 170px 28px;
}

.service_applay .theme {
  width: 100px;
  height: 100px;
  text-align: center;
  position: relative;
}

.service_applay .theme.active {
  background: #D93934;
  color: #ffffff;
  border-radius: 8px;
}

.service_applay .theme:hover {
  border: 1px solid red;
}

.service_applay .theme .icon {
  display: block;
  width: 28px;
  height: 60px;
  font-size: 28px;
  margin: 0 auto;
  line-height: 60px;
  position: relative;
  top: 10px;
}

.service_applay .theme .text {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  padding: 0 2px;
}

.service_applay .theme-container {
  width: 100%;
  min-height: 200px;
  position: absolute;
  top: -100px;
  right: 20px;
}

.service_applay .theme-container .theme-card {
  background: #ffffff;
  height: 300px;
  margin: 8px;
  text-align: center;
  font-size: 12px;
  position: relative;
}

.service_applay .theme-container .theme-card:hover {
  border: 1px solid red;
}

.service_applay .theme-container .theme-card .grade {
  height: 40px;
}

.service_applay .theme-container .theme-card .grade .text {
  padding: 0 10px 2px 10px;
  background: red;
}

.service_applay .theme-container .theme-card .icon {
  margin: 0 auto;
  width: 38px;
  height: 40px;
}

.service_applay .theme-container .theme-card .title {
  font-weight: bold;
  font-size: 16px;
  margin-top: 10px;
  height: 46px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.service_applay .theme-container .theme-card .title:hover {
  text-decoration: underline;
  color: #4c7cea;
  cursor: pointer;
}

.service_applay .theme-container .theme-card .type {
  line-height: 40px;
}

.service_applay .theme-container .theme-card .description {
  color: #999999;
  width: 100%;
  margin: 0 auto;
  max-width: 70%;
  height: 50px;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.service_applay .theme-container .theme-card .description .text {}

.service_applay .theme-container .theme-card .apply {
  width: 100%;
  margin: 0 auto;
  position: absolute;
  bottom: 35px;
}

.service_applay .theme-container .theme-card:hover .apply button {
  background: #D93934;
  color: white;
}

.service_applay .theme-container .noServiceTip {
  color: #d93934;
  font-size: 26px;
  text-align: center;
  position: relative;
  top: 150px;
}

/*云主机服务申请*/
/*左侧带虚线的竖向步骤盒子页*/
.vertical-step-accordion {}

.vertical-step-accordion .accordion {
  width: 100%;
  border-left: 1px dashed #D7D7D7;
  padding-left: 15px;
  padding-bottom: 15px;
}

.vertical-step-accordion .accordion:last-child {
  border-left: none;
}

.vertical-step-accordion .accordion .title {
  position: relative;
  left: -25px;
  position: relative;
  top: -10px;
}

.vertical-step-accordion .accordion .title .stepIndex {
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #D93934;
  color: #ffffff;
  text-align: center
}

.vertical-step-accordion .accordion .title .title-content {
  margin-left: 5px;
  font-size: 22px
}

.vertical-step-accordion .accordion .title .title-tip {
  color: #999999
}

.vertical-step-accordion .accordion .title .title-event {
  cursor: pointer;
}

/*云主机服务申请*/
.vmServiceApply {}

.vmServiceApply .image .card {
  /*width: 260px;*/
  height: 160px;
  border: 1px solid #CCCCCC;
  margin: 0 10px;
  cursor: pointer;
  margin-bottom: 20px;
}

.vmServiceApply .image .card.active {
  border-color: #D93934;
  background: url("../images/icon/icon_superscript.png") no-repeat bottom right;
}

.vmServiceApply .image .card:hover {
  border-color: #D93934;
}

.vmServiceApply .image .card .card-icon {
  width: 32px;
  height: 32px;
  display: block;
  margin: 10px auto;
  font-size: 32px;
  color: #00BDF6;
}

.vmServiceApply .image .card .card-text {
  text-align: center;
  margin: 0 auto;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

.vmServiceApply .image .card .card-tag {
  width: 80px;
  height: 22px;
  background: rgba(228, 228, 228, 1);
  margin: 25px auto 0 auto;
  text-align: center;
}

.numberbg {
  position: relative;
  top: 6px;
  left: 0%;
  height: 20px;
  width: 20px;
  background: rgba(243, 243, 243, 1);
  line-height: 16px;
  color: #999;
  border-radius: 50%;
  font-size: 12px;
}

.vmServiceApply .cpu-memory .card {
  width: 260px;
  height: 80px;
  border: 1px solid #CCCCCC;
  margin: 0 10px;
  text-align: center;
  cursor: pointer;
}

.vmServiceApply .cpu-memory .card.active {
  border-color: #D93934;
  background: url("../images/icon/icon_superscript.png") no-repeat bottom right;
}

.vmServiceApply .cpu-memory .card .card-title {
  font-size: 20px;
  font-weight: bold;
  line-height: 52px;
}

.vmServiceApply .cpu-memory .card .card-text {
  color: #787878;
  font-size: 12px;
  max-width: 200px;
}

.detail-info {
  background-color: #fff;
  margin: 3px 0 0px 0;
  margin-bottom: 5px;
  border: 1px solid rgba(224, 224, 224, 1);
}

.info-header {
  font-size: 18px;
  background: #E0E0E0;
  padding: 5px 15px;
  border-bottom: 1px solid rgba(224, 224, 224, 1);
}

.info-body {
  padding: 15px
}

.info-body .col-md-12,
.info-body .col-md-6,
.info-body .col-md-5,
.info-body .col-md-7 {
  padding: 0px
}

.info-body:after {
  content: "";
  clear: both;
  /*清除浮动*/
  display: block;
  /*确保该元素是一个块级元素*/
}

.info-grey {
  color: #999;

}

.trhighlight {
  background: #F8F8F8;
  border-left: 3px solid #6C6F7B;
}

.table-setNotification>tbody>tr>td,
.table-setNotification>tbody>tr>th,
.table-setNotification>tfoot>tr>td,
.table-setNotification>tfoot>tr>th,
.table-setNotification>thead>tr>td,
.table-setNotification>thead>tr>th {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #ddd !important;
}


.cmdmode {
  background-color: #292929;
  border: 1px solid #666;
  height: 180px;
  width: 318px;
  resize: none;
  color: #fff;
  margin-top: 20px;
}


.color-picker-input {
  color: transparent;
  overflow-y: hidden;
  border: none;
}

.showItem {
  border: 1px solid #ccc;
  width: 40px;
  margin: -1px -8px -1px 0;
  text-align: center;
}

.showItem:hover {
  opacity: 0.7
}

.fileinput-button {
  position: relative;
  display: inline-block;
  overflow: hidden;
}

.fileinput-button input {
  position: absolute;
  left: 0px;
  top: 0px;
  opacity: 0;
  -ms-filter: 'alpha(opacity=0)';
}

.text-red {
  color: red;
}

.webuploader-pick {
  padding: 4px 12px;
  background: #D93934;
}

.webuploader-pick:hover {
  background: #c62d28;
}

.notify-modal {
  position: fixed;
  top: 54px;
  right: 0;
  width: 500px;
  z-index: 100;
  background-color: #fff;
  border: 1px #ccc solid;
}

.tasklog-modal {
  position: fixed;
  top: 54px;
  right: 0;
  width: 1000px;
  z-index: 101;
  background-color: #fff;
  border: 1px #ccc solid;
}

.realtimeNotify-modal {
  position: fixed;
  bottom: -10px;
  right: 0;
  width: 300px;
  z-index: 10001;
  background-color: #fff;
  border: 1px #ccc solid;
}

.dropdown-menu-head {}

.dropdown-menu-head li {
  line-height: 14px;
  padding: 10px;
  cursor: pointer;
}

.dropdown-menu-head li:hover {
  background-color: #f2f2f2
}

.order-vm-details-modal .infotitle {
  text-align: left;
  padding-left: 20px;
}

.bootstrap-nav-tree-expand {
  position: relative;
}

.bootstrap-nav-tree-expand:before {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  left: -4px;
  width: 24px;
  height: 24px;
  background: url('../images/svg/ShouQi-2.svg') no-repeat 4px 4px;
  background-size: 16px 16px;
}

.bootstrap-nav-tree-collapse {
  position: relative;
}

.bootstrap-nav-tree-collapse:before {
  content: "";
  display: block;
  position: absolute;
  top: -12px;
  left: -4px;
  width: 24px;
  height: 24px;
  background: url('../images/svg/ZhanKai-4.svg') no-repeat 4px 4px;
  background-size: 16px 16px;
}

#thresholdConfig .table>thead>tr>th {
  height: 0px !important;
  line-height: 0px !important;
  padding: 0 0px !important;
}

#thresholdConfig .secrodTable .table>thead>tr>th {
  height: 38px !important;
  line-height: 38px !important;
  padding: 0 8px !important;
}

.thresholdDetail {
  position: absolute;
  z-index: 99;
}

.thresholdDetail .detail-title {
  padding: 5px;
  border: 1px solid #ddd;
  background: #fff;
  border-bottom: none;
}

.thresholdDetail .detail-content {
  border: 1px solid #ddd;
  background: #fff;
  padding: 5px;
}

.thresholdDetail .arrow {
  margin-left: 62px;
  float: left;
  width: 0;
  height: 0;
  border-width: 10px;
  left: 77px;
  border-style: solid;
  border-color: #ddd transparent transparent transparent;
}

.alarmdetail {
  border: 1px solid #ddd;
}

.alarmdetail .detail-title {
  border-bottom: 1px solid #ddd;
}

.alarmdetail .detail-content {
  padding: 10px;
}

#license_tmpl,
#license_show_temp {
  position: relative;
  background: url("../images/license.png") no-repeat 0 0;
  width: 846px;
  height: 681px;
}

#fp_topo {
  position: relative;
  background: url("../images/icon/fp/topo.png") no-repeat 0 0;
  width: 934px;
  height: 393px;
}

.nearly-com.active {
  border: 1px solid #d93934;
  box-shadow: 0px 0px 0px 2px #fbeaea;
  color: #d93934;
}

.nearly-com {
  width: 68px;
  height: 30px;
  display: inline-block;
  line-height: 30px;
  text-align: center;
  border: 1px solid #dcdfe6;
  vertical-align: middle;
}

.vmDetailAddNics {
  height: 32px;
  line-height: 32px;
  cursor: pointer;
  border: 1px dashed #DCDFE6;
  margin-top: 4px;
}

.vmDetailAddNics:hover {
  border-color: #83878f !important;
}

.stateCommonStyle {
  height: 24px;
  line-height: 16px;
  /*关联资源页面的云硬盘tab的状态字段图标显示位移了*/
  padding: 3px 8px 0;
  border-radius: 12px;
  display: inline-block;
  font-size: 12px;
}

.stateCommonStyleAuto {
  line-height: 16px;
  vertical-align: top;
}

.stateCommonStyleAutoMid {
  line-height: 16px;
  vertical-align: middle;
}

.stateCommonStyleGreen {
  background: #F0F7E9;
  border: 1px solid #B6DE97;
  color: #55B825;
}

.stateCommonStyleGrey {
  background: #F7F8FA;
  border: 1px solid #DCDFE6;
  color: #454852;
}

.stateCommonStyleRed {
  background: #FFF0F0;
  border: 1px solid #FFC1B8;
  color: #D93934;
}

.stateCommonStyleBlue {
  background: #F0F6FF;
  border: 1px solid #AEC6F2;
  color: #3158CC;
}

.stateCommonStyleYellow {
  background: #FCF5EA;
  border: 1px solid #F2CC94;
  color: #E69A29;
}

.clone-vm-form .control-label {
  color: #9C9C9C;
  font-weight: 400;
  line-height: 22px;
  float: left;
}

.clone-vm-form .control-value {
  color: #2a2a2a;
  font-weight: 400;
  line-height: 22px;
}

.clone-vm-container {
  display: flex;
  align-items: flex-start;
}

.clone-vm-container .clone-vm-left {
  width: 212px;

}

.clone-vm-container .clone-vm-left .add-btn {
  height: 32px;
  padding: 5px 16px;
  line-height: 20px;
  background-color: #FAFBFC;
  border-radius: 2px;
  border: 1px dashed #DCDFE6;
  cursor: pointer;
  width: 180px;
  display: inline-block;
  margin-bottom: 12px;
  user-select: none;
}

.clone-vm-container .clone-vm-left .vm-item {
  width: 100%;
  height: 40px;
  line-height: 40px;
  padding-left: 16px;
  cursor: pointer;
  color: #454852;
}

.clone-vm-container .clone-vm-left .vm-item:hover {
  background-color: #F5F5F5;
}

.clone-vm-container .clone-vm-left .vm-item.active {
  background-color: #FFF3F0;
  color: #D93934;
  border-right: none !important;
}

.clone-vm-container .clone-vm-left .vm-item .del-btn {
  top: 0;
  color: #D82F3A;
  font-size: 14px;
  float: right;
  margin-right: 16px;
  display: none;
}

.clone-vm-container .clone-vm-left .vm-item:hover .del-btn {
  display: inline;
}

.clone-vm-container .clone-vm-right {
  flex: 1;
  border-left: 1px #F2F5FA solid;
  padding-left: 15px;
}

.clone-vm-container .clone-vm-right input,
.clone-vm-container .clone-vm-right select {
  height: 32px !important
}

.clone-vm-container .clone-vm-right .e-intable {
  margin-top: 5px;
  margin-bottom: 5px;
  height: 30px !important;
}

.clone-vm-container .clone-vm-right .control-label {
  margin-top: 4px;
}

.clone-vm-container .clone-vm-right .control-label.control-label-required {
  padding-left: 10px
}

ul.system-config {}

ul.system-config li {
  width: 100%;
}

ul.system-config li i {
  position: relative;
  top: 5px;
  font-size: 12px;
}

ul.system-config li ul {
  margin-left: 14px;
}

ul.system-config li.expand i {
  transform: rotate(90deg);
}

ul.system-config li li.is-active a {
  color: #d93934;
}

.allCommonFooter {
  width: 100%;
  height: 52px;
  background: #fff;
  box-shadow: 0 -1px 2px -2px rgba(36, 41, 46, 0.04), 0 -2px 4px 0 rgba(36, 41, 46, 0.08);
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 99;
}

.allCommonFooterMain {
  width: 1200px;
  height: 52px;
  padding-top: 10px;
  margin: 0 auto;
}

.allCommonFooterMainPrice {
  margin-right: 64px;
}

.allCommonFooterMainPriceInfo {
  color: #454852;
}

.allCommonFooterMainPriceLeft {
  color: #D93934;
}

.allCommonFooterMainPriceLeft .fea-title {
  color: #454852;
  font-size: 16px;
  font-weight: 500;
}

.allCommonFooterMainPriceLeft span {
  font-size: 22px;
  font-weight: bold;
  font-family: "Montserrat";
}

#select-dialog .default {
  display: block;
  height: 30px;
  line-height: 29px;
  padding: 0 18px 0 10px;
  border: 1px solid #dcdfe6;
  border-radius: 2px 0 0 2px;
  background-color: #fafbfc;
  border-right: 0;
  text-align: left;
  position: relative;
  font-size: 14px;
  font-weight: 400;
}

#select-dialog .default::before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  top: 13px;
  right: 7px;
  border-top: 4px dashed;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}

#select-dialog .default:hover {
  color: #333;
  background-color: #fafbfc;
  border-color: #8c8c8c;
}

#select-dialog .ol {
  position: absolute;
  top: 34px;
  width: 160px;
  cursor: pointer;
  box-shadow: 0 6px 12px rgb(0 0 0 / 18%);
  background: #fff;
  color: #262c39;
  z-index: 1000;
  border-radius: 2px;
}

#select-dialog .ol li {
  height: 32px;
  text-align: left;
  font-size: 14px;
  font-weight: 400;
  padding: 4px 12px;
}

#select-dialog .ol li:hover {
  background: #f5f5f5;
  color: #000
}

#select-dialog .ol li:first-child {
  margin-top: 0;
}

#select-dialog .ol li:last-child {
  margin-bottom: 0;
}

.simple-custom-form {}

.simple-custom-form.form-horizontal .control-label+div.input-group {
  padding-bottom: 0;
}

.simple-custom-form.form-horizontal .input-group {
  width: 70%;
}

.new_table .table>tbody+tbody {
  border-top: 0px solid #ddd;
}

.new_table {
  position: relative;
}

.flex-col-table-before {
  position: absolute;
  left: 0;
  z-index: 99;
  background: #fff;
  box-shadow: 10px 0px 14px -14px #a8aaaf;
  overflow: hidden;
}

.flex-col-table {
  overflow: auto;
  flex: 1;
}

.flex-col-table-behind {
  position: absolute;
  right: 0;
  z-index: 99;
  background: #fff;
  box-shadow: -10px 0px 14px -14px #a8aaaf;
}

.nav-calculator {
  background-color: #F2F3F5;
  display: inline-block;
  border-radius: 2px;
  padding: 4px;
}

.nav-calculator li {
  background-color: #F2F3F5;
  border-radius: 3px;
}

.nav-calculator li>a {
  border: none !important;
  padding: 3px 15px;
  border-radius: 2px;
  color: #83878F;
}

.nav-calculator li:not(:last-child)>a {
  margin-right: 8px;
}

.nav-calculator li>a:hover,
.nav-calculator li.active>a {
  border: none !important;
  border-radius: 4px;
  color: #000;
  box-shadow: 0 2px 4px 0 rgba(36, 41, 46, 0.08) !important;
}

#theadFilter {
  position: relative;
}

#theadFilter .tr-filter {
  position: absolute;
  /* width: 120px; */
  min-width: 160px;
  display: flex;
  flex-direction: column;
  /* padding-top: 5px;   */
  top: 48px;
  left: -110px;
  background: #fff;
  color: #2A2A2A;
  font-size: 14px;
  z-index: 100;
  box-shadow: 2px 0px 5px 2px rgba(0, 0, 0, 0.10);
  border-radius: 2px;
  max-height: 300px;
  overflow: auto;
}

#theadFilter .tr-filter::before {
  position: absolute;
  top: -8px;
  left: 112px;
  content: "";
  width: 0;
  height: 0;
  /* border-top: 8px solid transparent; */
  border-right: 8px solid transparent;
  border-bottom: 8px solid #ffffff;
  border-left: 8px solid transparent;
}

#theadFilter .tr-filter label.checkbox-inline {
  margin: 0;
  padding: 0;
  height: 32px;
  display: flex;
  align-items: center;
}

#theadFilter .tr-filter label.checkbox-inline:hover {
  background-color: #f5f5f5;
}

#theadFilter .tr-filter label.checkbox-inline span.text {
  padding: 4px 12px;
  white-space: nowrap;
}

#theadFilter .tr-filter label.checkbox-inline input {
  width: 18px;
}

#theadFilter .tr-filter label:first-child {
  margin-top: 8px;
}

#theadFilter .tr-filter label:last-child {
  margin-bottom: 8px;
}

.tree-calculator {
  width: 194px;
  overflow: hidden;
}

.tree-calculator ul.abn-tree li.abn-tree-row {
  margin: 10px 0;
}

.tree-calculator.abn-tree-container .nav-pills>li>a .tree-label::before {
  left: 0;
  top: 6px;

}

.tree-calculator.abn-tree-container .nav-pills>li>a .tree-label {
  padding-left: 30px !important;
  font-size: 14px;
  padding: 8px 5px;
  width: 120px;
  line-height: 24px;
  display: inline-block;
  margin-left: -0;
}

.tree-calculator.abn-tree-container .nav-pills>li.active>a .tree-label,
.tree-calculator.abn-tree-container .nav-pills>li.active>a:focus.tree-label,
.tree-calculator.abn-tree-container .nav-pills>li.active>a:hover .tree-label {
  padding-left: 30px;
  background-color: #FFF3F0 !important;
  color: #D93934;
}

.tree-calculator.abn-tree-container .nav-pills>li.resource-type>a .tree-label::before {
  background: url(../images/calculator/resourceType.svg) no-repeat 4px 4px;
}

.tree-calculator.abn-tree-container .nav-pills>li.server>a .tree-label::before {
  background: url(../images/calculator/server.svg) no-repeat 4px 4px;
}

.tree-calculator.abn-tree-container .nav-pills>li.vm>a .tree-label::before {
  background: url(../images/calculator/vm.svg) no-repeat 4px 4px;
}

.tree-calculator.abn-tree-container .nav-pills>li.container>a .tree-label::before {
  background: url(../images/calculator/container.svg) no-repeat 4px 4px;
}

.tree-calculator.abn-tree-container .nav-pills>li.ob>a .tree-label::before {
  background: url(../images/calculator/OB.svg) no-repeat 4px 4px;
}

.tree-calculator.abn-tree-container .nav-pills>li.storage>a .tree-label::before {
  background: url(../images/calculator/storage.svg) no-repeat 4px 4px;
}

.tree-calculator.abn-tree-container .nav-pills>li.loadblancer>a .tree-label::before {
  background: url(../images/calculator/loadbalancer.svg) no-repeat 4px 4px;
}

.tree-calculator.abn-tree-container .nav-pills>li.line>a .tree-label::before {
  background: url(../images/calculator/line.svg) no-repeat 4px 4px;
}

.table-calculator.table>tr,
.table-calculator.table>thead>tr>th,
.table-calculator.table>tbody>tr>td {
  line-height: 46px !important;
  border: 1px solid #ebeef5 !important;
}

.table-calculator.table>thead>tr {
  background-color: #F2F5FA;
}

.calculator-box-select.box-select .box-select-item {
  border-radius: 4px;
}

.calculator-box-select.box-select .box-select-item.active {
  background: none;
  color: #D93934;
}

.calculator-resource-details {
  background-color: #F5F5F9;
  padding: 16px;
  color: #83878F;
}

.calculator-btn.btn {
  border-radius: 4px;
}

.calculator-pannel .panel-heading {
  padding: 9px 15px;
}

.wizard-header-new {
  background-color: #fff;
  height: 66px;
  line-height: 64px;
  font-size: 20px;
  vertical-align: middle;
}

.step-new-style {}

.step-new-style .wizard-header-new-title {
  display: inline-block;

}

.step-new-style-item {
  display: inline-block;
  color: #83878F;
  font-size: 16px;
}

.step-new-style-item .step-num {
  display: inline-block;
  width: 32px;
  height: 32px;
  border-radius: 16px;
  border: 1px #ccc solid;
  line-height: 32px;
  text-align: center;
}

.step-new-style-item.active {
  color: #000
}

.step-new-style-item.active .step-num {
  background-color: #D93934;
  color: #fff;
  border-color: #D93934;
}

.step-new-style-item.finished .step-num {
  border: 1px #FFC1B8 solid;
  color: #D93934;
}

.step-new-style-line {
  display: inline-block;
  width: 129px;
  border-top: 1px #DCDFE6 solid;
  position: relative;
  top: -6px;
}


.hide-step.carousel .wizard-header {
  display: none;
}

.carousel-new-style .form-with-table {
  margin: 0 !important;
  background: transparent;
}

.carousel-new-style .carousel-inner {
  padding: 0 !important;
}

.apply-new-style .bg-white-container {
  padding: 16px 24px
}

.info-new-style {
  line-height: 22px;
  margin-bottom: 8px;
}

.info-new-style .info-label {
  color: #83878F;
}

.info-new-style .info-value {
  color: #454852
}

.form-new-style {
  padding: 0 !important;
}

.form-new-style .form-group {
  display: inline-block;
}

.form-new-style .form-group .control-label {
  width: 205px
}

.form-new-style .form-group .form-control:not(textarea) {
  height: 32px !important;
}

.form-new-style .form-group .control-label {
  color: #454852;
}

.form-new-style .form-group-box .form-group {
  display: block;
}

.form-apply-loadbalancer .form-group {
  width: 100%
}

.form-apply-loadbalancer .input-box {
  width: calc(100% - 210px);
}

.apply-new-style .activeVmsTab .active {
  border-right: none;

}

.apply-new-style .nav>li>a {
  padding: 10px 16px;
}

.apply-new-style .nav-tabs>li.active>a {
  background-color: #FFF3F0;
}

.form-new-style .form-group .form-control {
  width: 322px;
  border-radius: 4px;
}

.form-new-style .input-group .form-control:first-child {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.apply-new-style .form-new-style .input-box {
  display: inline-block;
}

.apply-new-style .carousel {
  position: static;
}

.apply-new-style .carousel-footer-custom {
  background: #FFF;
  box-shadow: 0px -1px 2px -2px rgba(36, 41, 46, 0.04), 0px -2px 4px 0px rgba(36, 41, 46, 0.08);
  position: absolute;
  left: 0;
  right: 0;
}


.apply-new-style .carousel-footer-custom .carousel-footer-custom-inner {
  margin: 0 auto;
  width: 1270px;
}

.apply-new-style .box-select .box-select-item {
  border-radius: 4px;
}

.apply-new-style .box-select .box-select-item.active {
  background: none;
  color: #D93934;
}



.nav-line-bottom>.nav-tabs {
  border-bottom: 2px solid rgba(217, 217, 217, 0);
  padding-left: 24px;
}

.nav-line-bottom>.nav-tabs>li.active>a,
.nav-line-bottom>.nav-tabs>li.active>a:hover,
.nav-line-bottom>.nav-tabs>li.active>a:focus {
  border-right: none;
  border-top: none;
  border-bottom: 2px solid #d93934;
  background-color: #fff;
  margin: 0px;
  padding: 8px 20px;
  box-shadow: none;
  color: #d93934;
}

.nav-line-bottom>.nav-tabs>li>a {
  margin-right: 0;
  border-radius: 0;
  border-right: none;
  border-top: none;
  border-left: none;
}

.nav-line-bottom>.nav-tabs>li>a:hover {
  color: #d93934;
}

.nav-line-bottom>.nav-tabs>li:nth-child(1)>a {
  border-left: none;
}

.nav-line-bottom>.nav-tabs>li:nth-child(1).active>a {
  border-left: none !important;
}

.nav-line-bottom.nav-line-bottom-justified>.nav-tabs {
  padding-left: 0;
  border-bottom: 0;
}

.nav-line-bottom.nav-line-bottom-justified>.nav-tabs>li {
  padding: 0 20px;
  height: 38px;
  overflow: hidden;
}

.nav-line-bottom.nav-line-bottom-justified>.nav-tabs>li>a,
.nav-line-bottom.nav-line-bottom-justified>.nav-tabs>li>a:hover,
.nav-line-bottom.nav-line-bottom-justified>.nav-tabs>li>a:focus,
.nav-line-bottom.nav-line-bottom-justified>.nav-tabs>li.active>a,
.nav-line-bottom.nav-line-bottom-justified>.nav-tabs>li.active>a:hover,
.nav-line-bottom.nav-line-bottom-justified>.nav-tabs>li.active>a:focus {
  padding: 8px 0px;
}

.nav-line-bottom.nav-line-bottom-justified>.nav-tabs>li>a:hover,
#resDetailTab.nav-line-bottom .nav-tabs>li>a:hover {
  color: #d93934;
}

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: 0 auto -webkit-focus-ring-color;
  outline-offset: 0;
}

.clone-vm-info-table.table-bordered>tbody>tr>td,
.clone-vm-info-table.table-bordered>tbody>tr>th,
.clone-vm-info-table.table-bordered>tfoot>tr>td,
.clone-vm-info-table.table-bordered>tfoot>tr>th,
.clone-vm-info-table.table-bordered>thead>tr>td,
.clone-vm-info-table.table-bordered>thead>tr>th {
    border: 1px solid #ddd !important;
}

.clone-vm-info-table.table-bordered {
    border: 1px solid #ddd;
}